<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Design Fashion</title>
<!--css start-->
<link href="css/index.css" rel="stylesheet" type="text/css" media="screen" />
<!--css end-->
<!--js start-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/pixastic.custom.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.stylish-select.min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/jquery.tooltip.pack.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<!--js end-->
<!--sifr start-->
<link rel="stylesheet" href="css/sifr.css" type="text/css" media="all" />
<script type="text/javascript" src="js/sifr.js"></script>
<script type="text/javascript" src="js/sifr-config.js"></script>
<!--sifr end-->
<!--site javascript functions-->
<script type="text/javascript" src="js/jquery.functions.js"></script>
<!--[if IE 6]>
<link href="css/ie6fix.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('img, .pngfix, #btn-submit, .ui-slider-handle, .overlay');</script>
<![endif]-->
</head>
<body>
<div id="topbar"></div>
<!--background image start-->
<div id="background_img_wrap"><img src="content/bg1.jpg" id="background-img" alt="" /></div>
<!--background image end-->
<!--background image changer start-->
<div id="bg_changer-lnk" class="fixed-top fixed-left tooltip" title="Click to change the background"></div>
<div id="bg_changer" class="fixed-top fixed-left"><span class="header">SELECT BACKGROUND</span>
  <div class="bg_top"><span></span></div>
  <div class="bg_wrap clearfix">
    <ul>
      <li><a href="content/bg1.jpg"><img src="content/bg1th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg2.jpg"><img src="content/bg2th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg3.jpg"><img src="content/bg3th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg4.jpg"><img src="content/bg4th.jpg" alt="" /><span class="overlay"></span></a></li>
    </ul>
  </div>
</div>
<!--background image changer end-->
<div id="wrapper">
    <!--header start-->
  <div id="header">
    <div class="logo"><a href="index.html" title="Fashion Design"><img src="images/logo.png" alt="Fashion Design" /></a></div>
    <!--search box start-->
    <div class="search-box">
      <form action="search-result.html" method="get">
        <fieldset><input type="text" id="s" value="Keyword" /><input type="submit" id="btn-submit" value="" title="Search" class="tooltip" /></fieldset>
      </form>
    </div>
    <!--search box end-->
    <div class="search-box-right"></div>
    <div class="search-box-clear"></div>
    <!--primary navigation start-->
    <div id="primary-nav">
      <ul>
        <li><span><a href="index.html">HOME</a></span>
          <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
        <li><span><a href="aboutus.html">ABOUT US</a></span>
           <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
        <li id="li-models"><span><a href="model-detail.html">MODELS</a></span>
          <p>It is a long established fact that a reader will be distracted by the...</p>
          <!--models sub navigation start-->
          <div class="scroll-pane" style="display:none">
            <div class="scroll-content">
              <ul>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model1.jpg" alt="" class="alignleft" /><strong>Sara Johnson</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model2.jpg" alt="" class="alignleft" /><strong>Svetlana Bulganina</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Lina Dia</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                   <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Svetlana Bulganina</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                   <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Lina Dia</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
              </ul>
            </div>
            <div class="slider-wrap">
            <div id="slider"></div>
            </div>
          </div>
          <!--models sub navigation end-->
        </li>
        <li><span><a href="showcase.html">SHOWCASE</a></span>
           <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
        <li class="last"><span><a href="contact.html">CONTACT</a></span>
          <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
      </ul>
    </div>
    <!--primary navigation end-->
  </div>
  <!--header end-->
  <div class="clear"></div>
  <div id="content" class="clearfix">
    <div class="content-list">
    <h1>SEARCH RESULTS</h1>
    <div class="grey_box">
      <h3>Search Keyword Title 1</h3>
      <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
    </div>
    <div class="red_box">
      <h3>Search Keyword Title 2</h3>
      <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
    </div>
    <div class="grey_box">
      <h3>Search Keyword Title 3</h3>
      <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
    </div>
    </div>
    <div class="pagination alignright"> <a href="#">1</a><a href="#" class="active">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a> </div>
  </div>
  <div class="footer_clear"></div>
</div>
<!--footer start-->
<div id="footer">
  <div class="footer-nav">
    <!--footer menu start-->
    <ul>
      <li class="active"><span><a href="index.html">HOME</a></span></li>
      <li><span><a href="aboutus.html">ABOUT US</a></span></li>
      <li><span><a href="model-detail.html">MODELS</a></span></li>
      <li><span><a href="showcase.html">SHOWCASE</a></span></li>
      <li class="last"><span><a href="contact.html">CONTACT</a></span></li>
    </ul>
    <!--footer menu end-->
    <div class="alignright"><span class="icon-sound"><a href="javascript:soundOff();">SOUND</a></span> <span class="icon-fscreen"><a href="javascript: fullScreen();">FULL SCREEN</a></span></div>
  </div>
  <!--social links start-->
  <ul class="social">
    <li><a href="#" title="Follow on FriendFeed" class="tooltip"><img src="images/icon-ffeed.jpg" alt="FriendFeed" /></a></li>
    <li><a href="#" title="Follow on Facebook" class="tooltip"><img src="images/icon-fbook.jpg" alt="Facebook" /></a></li>
    <li><a href="#" title="Follow on Twitter" class="tooltip"><img src="images/icon-twitter.jpg" alt="Twitter" /></a></li>
  </ul>
  <!--social links start-->
  <div class="copyright pngfix"><span>Copyright 2010© FASHIONDSGN. All rights reserved.</span></div>
</div>
<!--footer end-->
<!--mysound div is for embedding youtube music with swfobject-->
<div id="bottombar"><div id="mysound"></div></div>
<!--preloading background images for easy transition effects-->
<script type="text/javascript">
	/* <![CDATA[ */
	$(document).ready(function () {
		var hidden = $('body').append('<div id="img-cache" style="display:none"/>').children('#img-cache');
		$('#bg_changer img').each(function(){
			var imgSource = $(this).parent().attr('href');
			$('<img/>').attr('src', imgSource).appendTo(hidden);
		});
	});
	/* ]]> */
</script>
</body>
</html>